/* 专门给login-container用的样式 */
.login-container {
   
/* 盒子大小 */
    /* 宽度默认和浏览器一样宽 */
    /* width: 400px; */
    height: calc(100% - 50px);
    /* 外边距控制水平居中 */
    /* margin:0 auto; */


     /* 弹性布局 : 使登录框水平居中*/
     
     display: flex;
    /* 水平居中 */
    justify-content: center;
    /* 竖直居中 */
    align-items: center;
  
    /* background-color: #fff; */

 
}
/* 登录框 */
.diglogin {

    width: 400px;
    height: 300px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px;
    display: flext;
   
}

/*  */
.diglogin .title {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    padding: 40px 0;
}

.diglogin .row {
    /* 设置一下每一行的高度 */
    height: 50px;
    display: flex;
    /* 居中 */
    justify-content: center;
    align-items: center;
    padding: 20px;
  
}
.diglogin .row span {
    width: 100px;
   font-size: 20px;
   font-weight: 500;
}

#username,#password {
    height: 40px;
    width: 200px;
    font-size: 18px;
    padding-left: 5px;
}

/* .diglogin .loginbtn {
    width: 40px;
    height: 20px;
    background-color: rgb(52, 108, 239);
    color: rgb(255, 255, 255);
} */
.row #login-btn {
    width: 300px;
    height: 40px;
    background-color: rgb(41, 77, 148);
    border-radius: 5px;
    color: rgb(255, 255, 255);
    border: none;
}
/* 点击效果 */
#login-btn:active {
    background-color: gray;

}